.calendar {
  padding: $calendar-padding;
  margin: $calendar-margin;
  color: $calendar-color;
  background: $calendar-background;
  border: $calendar-border;
  .calender-content {
    height: 100%;

    @include flex(stretch, flex-start, column);
    .app-calendar {
      table {
        box-shadow: $calender-shadow;
      }
    }
    .calendar-events {
      flex: 1;
      width: 100%;
      overflow: auto;
      .even-container {
        position: relative;
        width: 100%;
        padding: $calender-event-container-padding;
        margin: $calender-event-container-margin;
        color: $calender-event-container-color;
        border: $calender-event-container-border;
        border-radius: $calender-event-container-radius;
        .even-item {
          @include flex(center, space-between);
          .evenname {
            padding: $calender-event-item-padding;
          }
          .app-icon {
            transform: $calender-event-item-icon-transform;
          }
        }
      }
      .calendar-text-item {
        --inner-padding-end: 0 !important;
        --padding-start: 0 !important;
        .calendar-text {
          padding: $calender-event-item-text-padding;
          .app-icon {
            transform: translate(0, 3px);
          }
        }
      }
      .no-data {
        position: static;
        text-align: center;
        transform: none;
      }
    }
    .multiple-select {
      @include flex(center);
      .checkbox {
        min-width: $calender-event-item-checkbox-minwidth;
        margin-right: $calender-event-item-checkbox-margin;
      }
    }
  }
}
